@import url(//at.alicdn.com/t/font_1471801_7z31v9tt5tj.css);

@function toREM($n) {
  @return $n * 0.083rem ;
}

$space: 4,8,12,16,20,24,30,48;
$dirction: (t: 'top', r: 'right', l: 'left', b: 'bottom');

@each $s in $space{
  @each $key, $value in $dirction{
    .m-#{$key}-#{$s}{
      margin-#{$value}: $s + px;
    }
    .p-#{$key}-#{$s}{
      padding-#{$value}: $s + px;
    }
    .m-#{$s}{
      margin: $s + px;
    }
    .p-#{$s}{
      padding: $s + px;
    }
  }
}

.m-l-20{
  margin-left: 20px;
}

.m-r-4{
  margin-right: 4px;
}

.m-l-16{
  margin-left: 16px;
}

.m-b-5{
  margin-bottom: 5px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-b-12 {
  margin-bottom: 12px;
}

html {
  font-size: 12px;
}

.text-center {
  text-align: center;
}

section {
  margin: 0 0;
  padding: 0 0;
}

ul, li {
  margin: 0 0;
  padding: 0 0;
  list-style: none;
}

.text-right {
  text-align: right;
}

.cursor-pointer {
  cursor: pointer;
}

body > li {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  padding: 0 8px;
  line-height: 32px;
}